<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
</head>
<body>
    <div id="app">
        <div class="cart-header"></div>
        <div class="cart-detail"></div>
        <div class="cart-total"></div>
        <test></test>
    </div>
</body>
<script src="./vue.js"></script>
<script type="module">
    import test from "./test.vue"
    let app = new Vue({
        el: "#app",
        data: {
            list: []
        },
        mounted(){
            setTimeout(() => {
                this.list = [
                    {
                        id: "10001",
                        name: "华为9X",
                        price: 1299
                    },
                    {
                        id: "10002",
                        name: "毛巾",
                        price: 6.92
                    },
                    {
                        id: "10003",
                        name: "中华牙膏",
                        price: 9.23
                    },
                    {
                        id: "10004",
                        name: "奥克斯空调",
                        price: "2299"
                    }
                ];
            }, 3000);
        },
        components: {
            "test": test
        }
    });
</script>
</html>